﻿$(document).ready(function() {

	var nome = $('#nome');
	var email = $('#email');
	var msg = $('#msg');
	
	var vNome = true;
	var vEmail = true;
	var vMsg = true;
	
	// envia email ao clicar na imagem
	$('#email-img').click(function() {
		enviarEmail();
	});
	
	// verifica os dados inseridos
	function enviarEmail() {
		
		if(nome.val() == '') {
			nome.val('Por favor, insira seu nome');
			nome.css('color','#b22222');
			vNome = false;
		}
		
		if(email.val() == '') {
			email.val('Por favor, insira seu email');
			email.css('color','#b22222');
			vEmail = false;
			
		} else if(!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(email.val()))) {
			email.val('Por favor, insira um email válido');
			email.css('color','#b22222');
			vEmail = false;
		}
		
		if(msg.val() == '') {
			msg.val('Por favor, insira uma mensagem');
			msg.css('color','#b22222');
			vMsg = false;
		}
		
		if(vNome && vEmail && vMsg) {
			document.forms[0].submit();
		}
	}
	
	// volta os campos com erro ao normal
	$('#nome').focus(function() {
		if(!vNome) {
			nome.val('');
			nome.css('color','#000');
			vNome = true;
		}
	});
	
	$('#email').focus(function() {
		if(!vEmail) {
			email.val('');
			email.css('color','#000');
			vEmail = true;
		}
	});
	
	$('#msg').focus(function() {
		if(!vMsg) {
			msg.val('');
			msg.css('color','#000');
			vMsg = true;
		}
	});
});